@charset "utf-8";
 body,html{
     width: 100%;
     background-color: #fff;
     float: left;
}
 .mui-bar-nav ~ .mui-content{
     overflow-y: scroll;
     background-color: #fff;
}
 .mui-content{
     background-color: #fff;
     float: left;
     width: 100%;
     overflow-y: scroll;
     padding-top: 0.9rem;
}
 .mui-content::-webkit-scrollbar {
 	display: none;
}
.headerBox{
     position: fixed;
     float: left;
     height: 0.9rem;
     background-color: #fff;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 995;
     border-bottom: #eee 0.02rem solid;
}
 .headerBox .headerBox_left{
     width: 0.4rem;
     height: 0.28rem;
     float: left;
     margin: 0.31rem 0.2rem 0 0.3rem;
     text-align: center;
}
 .headerBox .headerBox_leftClose{
 	width: 0.4rem;
 	height: 0.4rem;
 	float: left;
 	margin: 0.25rem 0.2rem 0 0.3rem;
     text-align: center;
 	display: none;
 }
 .headerBox .headerBox_left img,.headerBox .headerBox_leftClose img{
     width: 100%;
     height: 100%;
     float: left;
     display: inline-block;
}
 .headerBox span{
     width: calc(100% - 1.86rem);
     height: 0.9rem;
     line-height: 0.9rem;
     overflow: hidden;
     text-align: center;
     font-weight: bold;
     float: left;
     display: inline-block;
     font-size: 0.36rem;
}
 .headerBox .headerBox_right{
     width: 0.36rem;
     height: 0.36rem;
     float: left;
     margin: 0.27rem 0.4rem 0 0.2rem;
}
 .headerBox .headerBox_right img{
     width: 100%;
     height: 100%;
     float: left;
}
/*暂无数据*/
.planList_noData{
	width: 100%;
	float: left;
	margin-top: 3.6rem;
}
.planList_noData_img{
	width: 100%;
	height: 1.44rem;
	float: left;
	text-align: center;
	overflow: hidden;
}
.planList_noData_img img{
	width: 2.69rem;
	height: 1.27rem;
	display: inline-block;
}
.planList_noData_title{
	width: 100%;
	float: left;
	font-size: 0.24rem;
	font-weight: bold;
	color: rgba(51,51,51,1);
	line-height: 0.36rem;
	margin-top: 0.6rem;
	text-align: center;
}
.planList_noData_cont{
	width: 100%;
	float: left;
	font-size: 0.24rem;
	color: rgba(178,178,178,1);
	line-height: 0.36rem;
	margin-top: 0.1rem;
	text-align: center;	
}
/*有数据*/
.myCard_tabBox{
	width: 100%;
	height: 0.9rem;
	border-bottom: #EEEEEE 0.02rem solid;
	padding: 0 1.36rem;
	overflow: hidden;
}
.myCard_tabBox a{
	width: 1.28rem;
	float: left;
	margin-right: calc(100% - 2.56rem);
	display: inline-block;
	height: 0.9rem;
	line-height: 0.9rem;
	font-size: 0.32rem;
	color: rgba(51,51,51,1);
	text-align: center;
}
.myCard_tabBox a:last-child{
	margin-right: 0;
}
.myCard_tabBox a.myCard_tabBox_active{
	font-weight: bold;
	color: rgba(31,75,165,1);
	border-bottom: #1F4BA5 0.04rem solid;
}
.creditCard_list{
	width: 100%;
	padding: 0.28rem 0.11rem;
	float: left;
	overflow: hidden;
}
.cardManagementBox_yhkBnt{
     width: 7.2rem;
     height: 2.7rem;
     margin: 0 calc((100% - 7.2rem) / 2);
     padding: 0.16rem;
     float: left;
     display: inline-block;
     position: relative;
     z-index: 1;
}
 .cardManagementBox_cardBg{
     width: 7.2rem;
     height: 2.8rem;
     display: inline-block;
     float: left;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
}
 .cardManagementBox_box{
     position: relative;
     z-index: 2;
}
 .cardManagementBox_left{
     width: 0.61rem;
     height: 0.61rem;
     float: left;
     margin-top: 0.48rem;
     margin-left: 0.42rem;
}
 .cardManagementBox_left img{
     width: 100%;
     float: left;
}
 .cardManagementBox_middle{
     width: calc(100% - 1.92rem);
     float: left;
     margin: 0.4rem 0 0 0.3rem;
}
 .cardManagementBox_middle_top{
     width: 100%;
     height: 0.48rem;
     overflow: hidden;
     float: left;
}
 .cardManagementBox_middle_top span,.cardManagementBox_middle_top em{
     float: left;
     color: #fff;
     font-size:0.34rem;
     height: 0.48rem;
     line-height: 0.48rem;
     display: inline-block;
}
 .cardManagementBox_middle_top em{
     margin-left: 0.28rem;
}
 .cardManagementBox_middle_middle{
     width: 100%;
     height: 0.4rem;
     line-height: 0.4rem;
     margin-top: 0.06rem;
     font-size: 0.28rem;
     color: #fff;
     overflow: hidden;
     float: left;
}
 .cardManagementBox_middle_bottom{
     width: 100%;
     height: 0.4rem;
     overflow: hidden;
     float: left;
     margin-top: 0.34rem;
}
 .cardManagementBox_middle_bottom span{
     display: inline-block;
     float: left;
     line-height: 0.4rem;
     color: #fff;
     font-size: 0.28rem;
     margin-right: 0.6rem;
}
 .cardManagementBox_middle_bottom span em{
     margin-left: 0.26rem;
}
 .cardManagementBox_middle_bottom span:last-child{
     margin-right: 0;
}
 .cardManagementBox_right{
     width: 0.28rem;
     height: 0.18rem;
     margin-top: 0.58rem;
     float: left;
}
 .cardDetails_segmentation{
     width: 100%;
     height: 0.2rem;
     float: left;
     background-color: #F2F4F5;
}
/*添加信用卡*/
.addCreditCardBg{
	width: 100%;
    height: 100%;
    background-image: url(../../img/makePlan_xkBG.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
}
.addCreditCard{
	width: calc(100% - 0.5rem);
    height: calc(100% - 1.2rem - 0.44rem);
    margin: 1.2rem 0.25rem 0.44rem;
    float: left;
    position: fixed;
    z-index: 9999;
    background-color: #fff;
    border-radius: 0.1rem;
}
.makePlan_selectedCardBox_topBox {
    width: 100%;
    height: 1rem;
    border-bottom: #E4E4E4 1px solid;
}
.makePlan_selectedCardBox_topBox span {
    width: calc(100% - 1.32rem);
    float: left;
    text-align: center;
    font-size: 0.3rem;
    color: rgba(34,34,34,1);
    height: 1rem;
    line-height: 1rem;
    display: inline-block;
    margin-left: 0.66rem;
}
.makePlan_selectedCardBox_topBox a {
    width: 0.36rem;
    height: 0.36rem;
    float: left;
    margin-top: 0.32rem;
}
.makePlan_selectedCardBox_topBox a img {
    width: 100%;
    height: 100%;
    float: left;
}
.makePlan_selectedCardBox_listBox{
    width: 100%;
    height: calc(100% - 1rem);
    overflow-y: scroll;
    float: left;
    padding: 0.5rem 0.5rem 0;
}
.makePlan_selectedCardBox_listBox::-webkit-scrollbar {
 	display: none;
}
.m_s_l_inputBox{
	width: 100%;
	margin-top: 0.2rem;
	float: left;
	height: 0.8rem;
	overflow: hidden;
	border: #E4E4E4 0.02rem solid;
	border-radius: 0.1rem;
}
.m_s_l_inputBox span.m_s_l_i_span{
	margin: 0 0.3rem;
	float: left;
	width: calc(100% - 0.6rem);
	height: 0.8rem;
	overflow: hidden;
	line-height: 0.8rem;
	font-size: 0.24rem;
	font-weight: bold;
	color: rgba(51,51,51,1);
}
.m_s_l_inputBox .m_s_l_inputBox_input{
	float: left;
	width: 100%;
	padding: 0 0.3rem;
	height: 0.8rem;
	overflow: hidden;
	line-height: 0.8rem;
	font-size: 0.24rem;
	font-weight: bold;
	color: rgba(51,51,51,1);
	border: 0;	
	margin: 0;
}
.m_s_l_inputBox .m_s_l_inputBox_input::-webkit-input-placeholder{
	color: rgba(178,178,178,1);
}
.m_s_l_inputBox1{
	width: 100%;
	margin-top: 0.2rem;
	float: left;
	height: 0.8rem;
	overflow: hidden;
}
.m_s_l_inputBox1 .m_s_l_inputBox1_input1{
	width: 2.2rem;
	height: 0.8rem;
	border-radius: 0.1rem;
	border: 0.02rem solid rgba(228,228,228,1);
	float: left;
	margin: 0 0.1rem 0 0;
	padding: 0 0 0 0.3rem;
	color: rgba(51,51,51,1);
	font-size: 0.24rem;
}
.m_s_l_inputBox1 .m_s_l_inputBox1_input2{
	width: calc(100% - 4.4rem - 0.2rem);
	height: 0.8rem;
	border-radius: 0.1rem;
	border: 0.02rem solid rgba(228,228,228,1);
	float: left;
	margin: 0;
	padding: 0 0 0 0.3rem;
	color: rgba(51,51,51,1);
	font-size: 0.24rem;
}
.m_s_l_inputBox1 .m_s_l_inputBox1_input1::-webkit-input-placeholder,.m_s_l_inputBox1 .m_s_l_inputBox1_input2::-webkit-input-placeholder{
	color: rgba(178,178,178,1);
}
.m_s_l_timeBox{
	width: 100%;
	margin-top: 0.2rem;
	float: left;
	height: 0.8rem;
	overflow: hidden;
}
.m_s_l_timeBox input{
	width: 2.95rem;
	height: 0.8rem;
	line-height: 0.8rem;
	overflow: hidden;
	float: left;
	font-size: 0.24rem;
	font-weight: bold;
	color: rgba(51,51,51,1);
	border-radius: 0.1rem;
	border: 0.02rem solid rgba(228,228,228,1);
	margin: 0 calc(100% - (2.95rem * 2)) 0 0;
	padding: 0 0.3rem 0 0.3rem;
	
}
.m_s_l_timeBox input:last-child{
	margin-right: 0;
}
.m_s_l_timeBox input::-webkit-input-placeholder{
	color: rgba(178,178,178,1);
}
.m_s_l_tishi{
	width: 100%;
	margin-top: 0.34rem;
	float: left;
	height: 0.4rem;
	overflow: hidden;
}
.m_s_l_tishi .loginBox_contBox_tishi_left{
	float: left;
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.24rem;
	color: rgba(34,34,34,1);
	padding-left: 0.6rem;
	background-image: url(../../img/login/fxk.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 0.4rem 0.4rem;
}
.m_s_l_tishi .active{
	background-image: url(../../img/login/fxkXZ.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 0.4rem 0.4rem;
}
.loginBox_contBox_tishi_left_input{
	font-size: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.m_s_l_bnt{
	width: 100%;
	margin: 0.4rem 0;
	float: left;
	height: 0.8rem;
	background: linear-gradient(130deg,rgba(237,192,148,1) 0%,rgba(240,177,107,1) 100%);
	border-radius: 0.5rem;
	border: 0;
	padding: 0;
	font-size: 0.24rem;
	color: rgba(255,255,255,1);
}
/*储蓄卡样式*/
.cashCard_tishi{
	width: 100%;
	float: left;
	margin-top: 0.21rem;
}
.cashCard_tishi p{
	margin: 0;
	float: left;
	padding: 0;
	width: 100%;
	font-size: 0.24rem;
	color: rgba(34,34,34,1);
	line-height: 0.4rem;
}
.cashCard_bnt{
	margin: 0.73rem 0;
}
.cashCard_contBox{
	width: 6.88rem;
	min-height: 9.86rem;
	margin: 0.45rem calc((100% - 6.88rem) / 2) 0.86rem;
	float: left;
	background: rgba(255,255,255,1);
	box-shadow: 0px 0.22rem 0.28rem -0.2rem rgba(229,236,237,1);
	border-radius: 0.08rem;
	border: 0.02rem solid rgba(229,236,237,1);
}
.cashCard_contBox_cardBox{
	width: 100%;
	float: left;
	background-image: url(../../img/myCard_cxkBg.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 0.46rem 0.43rem 0.99rem;
}
.cashCard_contBox_cardBox_left{
	width: 0.61rem;
	height: 0.61rem;
	float: left;
	overflow: hidden;
	margin-right: 0.35rem;
}
.cashCard_contBox_cardBox_left img{
	width: 100%;
	float: left;
	height: 100%;
	overflow: hidden;
}
.cashCard_contBox_cardBox_right{
	width: calc(100% - 0.61rem - 0.35rem);
	float: left;
	margin-top: 0.14rem;
}
.cashCard_contBox_cardBox_right span{
	width: 100%;
	float: left;
	height: 0.37rem;
	overflow: hidden;
	line-height: 0.37rem;
	font-size: 0.26rem;
	font-weight: bold;
	color: rgba(255,255,255,1);
}
.cashCard_contBox_cardBox_right em{	
	width: 100%;
	float: left;
	height: 0.37rem;
	overflow: hidden;
	line-height: 0.37rem;
	font-size: 0.26rem;
	color: rgba(250,250,250,1);
	margin-top: 0.14rem;
}
.cashCard_contBox_information{
	width: 100%;
	float: left;
}
.cashCard_contBox .c_c_i_inpntBox{
	width: 100%;
	padding: 0 0.26rem;
	float: left;
	border-bottom: #EEEEEE 0.02rem solid;
}
.cashCard_contBox .c_c_i_inpntBox span{
	width: 2rem;
	margin-right: 0.14rem;
	float: left;
	font-size: 0.32rem;
	color: rgba(178,178,178,1);
	line-height: 1.03rem;
	height: 1.03rem;
	overflow: hidden;
	display: inline-block;
}
.cashCard_contBox .c_c_i_inpntBox em{
	width: calc(100% - 2.14rem);
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	height: 1.03rem;
	line-height: 1.03rem;
	font-size: 0.3rem;
	font-weight: bold;
	color: rgba(51,51,51,1);
}
.cashCard_contBox_bnt{
	width: calc(100% - 0.8rem);
	margin: 0.72rem 0.4rem;
	float: left;
	height: 0.8rem;
	background: linear-gradient(130deg,rgba(237,192,148,1) 0%,rgba(240,177,107,1) 100%);
	border-radius: 0.5rem;
	border: 0;
	font-size: 0.24rem;
	color: rgba(51,51,51,1);
}
